<!DOCTYPE html>
<html lang="en-US"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
  <meta charset="UTF-8">
  <meta property="og:site_name" content="爱范儿">
<meta property="og:type" content="article">
<meta property="og:url" content="#">
  <meta name="MSSmartTagsPreventParsing" content="true">
  <meta http-equiv="imagetoolbar" content="no">
  <meta name="robots" content="all">
  <title>  爱范儿 · 报道未来，服务新生活引领者
</title>
<script src="{{ url('/hom/index/js/slide.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="{{ url('/adm/plugins/jQuery/jQuery-2.1.4.min.js') }}"></script>

  <link rel="dns-prefetch" href="#">
  
    <meta property="og:site_name" content="爱范儿">
  <meta property="og:type" content="article">
      <meta property="og:url" content="#">
      
<!-- BEGIN Metadata added by Add-Meta-Tags WordPress plugin -->
<meta name="description" content="聚焦新创和消费主题的科技媒体，成立于 2008 年 10 月，关注产品及体验，致力于“独立，前瞻，深入”的原创报道和分析评论，是国内唯一一家在产业和产品领域同时具有强势影响力的科技媒体。旗下现有 ifanr.com、SocialBase.cn、AppSolution、玩物志、创业及产品社区 MindStore 等多个细分领域的知名产品。">
<meta name="keywords" content="
@foreach($word as $word)
  {{ $word -> keyword }},
@endforeach
">
<meta property="og:type" content="website">
<meta property="og:site_name" content="爱范儿">
<meta property="og:title" content="爱范儿">
<meta property="og:url" content="#">
<meta property="og:description" content="聚焦新创和消费主题的科技媒体，成立于 2008 年 10 月，关注产品及体验，致力于“独立，前瞻，深入”的原创报道和分析评论，是国内唯一一家在产业和产品领域同时具有强势影响力的科技媒体。旗下现有 ifanr.com、SocialBase.cn、AppSolution、玩物志、创业及产品社区 MindStore 等多个细分领域的知名产品。">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="#">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@ifanr">
<meta name="twitter:site" content="@ifanr">
<meta name="twitter:title" content="爱范儿">
<meta name="twitter:description" content="聚焦新创和消费主题的科技媒体，成立于 2008 年 10 月，关注产品及体验，致力于“独立，前瞻，深入”的原创报道和分析评论，是国内唯一一家在产业和产品领域同时具有强势影响力的科技媒体。旗下现有 ifanr.com、SocialBase.cn、AppSolution、玩物志、创业及产品社区 MindStore 等多个细分领域的知名产品。">
<meta name="twitter:image" content="#">
<!-- END Metadata added by Add-Meta-Tags WordPress plugin -->

<link rel="stylesheet" id="doge-style-css" href="{{ url('/hom/index/css/desktop.css') }}" type="text/css" media="all">
<link rel="stylesheet" id="widgetbuzz-css" href="{{ url('/hom/index/css/buzz.css') }}" type="text/css" media="all">
<link rel="#" href="#">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="#">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="#"> 
<!-- <script src="{{ url('/hom/index/js/linkid.js') }}" async="" type="text/javascript"></script> -->
<!-- <script src="{{ url('/hom/index/js/analytics.js') }}" async=""></script> -->
<!-- <script src="{{ url('/hom/index/js/atrk.js') }}" async="" type="text/javascript"></script> -->


</head>

<body class="home blog" data-component="TextClamp">
  <div class="c-global-header">
  <div class="o-wrapper c-global-header__content">
    <div class="c-header-logo">
      <a href="{{ url('/') }}">
        <img class="c-header-logo__image" src="{{ url('/hom/index/imgs/logo.png') }}" alt="ifanr logo">
      </a>
      
    </div>
      <a class="c-global-jiong" href="">
        <img class="c-global-jiong__image" src="{{ url('/hom/index/imgs/hiring.png') }}" alt="ifanr">
        <div class="c-global-jiong__desc">
          <div class="c-global-jiong__title">爱范儿招聘</div>
          <div class="c-global-jiong__details">一个酷到爆的你需要一个酷到爆的公司</div>
        </div>
      </a>
    </div>
  <!-- A placeholder for the navbar, which prevents the space from collpasing when scrolling down -->
  <div class="c-top-navbar--placehoder js-top-navbar-placeholder"></div>
  <div class="c-global-navbar js-top-navbar" data-component="Navbar">
    <div class="c-global-navbar__wrapper">

      <!-- MENU开始-->
      <ul class="c-global-navbar__menu">
        <li class="c-top-navbar__item c-top-navbar-item">
          <a class="c-top-navbar-link " href="{{  url('/') }}"><img src="{{ url('/hom/index/imgs/homebutton.jpg') }}"></a>
        </li>
        <li class="c-top-navbar-item--animated c-top-navbar-item--with-triangle--md c-top-navbar__item js-top-navbar-item" data-target="menu" data-post-type="post">
          <a ga-track="event" ga-action="menu" ga-event-category="button" href="#" class="u-block c-top-navbar-item--animated__item--translate c-top-navbar-link--bold c-top-navbar-item-link--with-triangle--sm">MENU<span> &nbsp<img src="{{ url('/hom/index/imgs/menu.jpg') }}" alt=""> </span></a>
          <div style="height: 529px;" class="c-top-navbar-item--animated__item--opacity c-top-navbar-preview--menu js-top-navbar-preview--menu js-prevent-scroll">
            <div class="c-top-navbar-preview--menu__inner-container">
              <section class="u-text-center  c-top-navbar-preview--menu__inner-container__column">
                <h3 class="c-top-navbar-preview--menu__title c-top-navbar-preview--menu__inner-container__column__title u-text-left">栏目</h3>
                <div class="c-top-navbar-preview--menu__links">
                  <div class="o-grid-row c-top-navbar-preview--menu__row">
                  @foreach($menudata as $menu)
                  @if($menu -> menu_position == 1)
                    <a class="o-grid-row__column--4 c-link" href="{{ url('/catelist') }}/{{ $menu -> id }}" style="margin-bottom: 30px;">{{ $menu -> name }}</a>
                  @endif
                  @endforeach
                  </div>
                </div>
              </section>

              <section class="c-top-navbar-preview--menu__inner-container__preview">
                <h3 class="c-top-navbar-preview--menu__title c-top-navbar-preview--menu__inner-container__preview__title">快速预览</h3>


       <div data-ps-id="57b9f67f-425d-c670-c8a4-69906157e280" class="c-top-navbar-preview--menu__abstracts js-allow-scroll js-preview-list ps-container ps-theme-default ps-active-y" data-target="menu"> 

         <!-- 快速预览 -->
      @foreach($data as $goods)
       <a href="#" class="c-link c-top-navbar-preview--menu__abstract"><div class="c-top-navbar-preview--menu__abstract__img" style="background-image: url('{{  url('/uploads/') }}/{{ $goods -> img_head }}')"></div><h1 data-clamped="" class="c-top-navbar-preview--menu__abstract__title" data-clamp="">{{ $goods -> title }}</h1><p data-clamped="" class="c-top-navbar-preview--menu__abstract__main" data-clamp="">{{ $goods -> abstract }}
        </p><aside class="c-top-navbar-preview--menu__abstract__meta"></aside></a>  
      @endforeach





<!-- shanshu -->
<div style="left: 0px; bottom: 3px;" class="ps-scrollbar-x-rail"><div style="left: 0px; width: 0px;" tabindex="0" class="ps-scrollbar-x"></div></div>

<div style="top: 0px; right: 3px; height: 408px;" class="ps-scrollbar-y-rail"><div style="top: 0px; height: 48px;" tabindex="0" class="ps-scrollbar-y">
  
</div>
</div>
</div>
              </section>
            </div>
          </div>
        </li>

           <!-- MindStore -->

        <li class="c-top-navbar-item--animated c-top-navbar__item js-top-navbar-item" data-target="mindstore">
          <a href="#" class="u-block c-top-navbar-item--animated__item--translate c-top-navbar-link--bold c-top-navbar-item-link--with-triangle--bg"></a>
          <div class="c-top-navbar-item--animated__item--opacity c-top-navbar-preview">
            <i class="c-swiper-btn--prev-page js-swiper-prev-page-btn swiper-button-disabled" data-target="mindstore"></i>
            <div class="c-top-navbar-preview__inner-container swiper-container js-swiper-container swiper-container-horizontal" data-target="mindstore" data-swiper-name="mindstore" data-slides-per-page="4" data-space-between="60">
            <div class="swiper-wrapper js-preview-list" data-target="mindstore">
         
 <a style="width: 173.25px;" class="swiper-slide c-top-navbar-link-container swiper-slide-active" href="#">
 <h1 data-clamped="" class="c-top-navbar-preview__abstract__title" data-clamp=""></h1>
 <div class="c-top-navbar-preview__abstract__main-container o-grid-row">
 <p data-clamped="" class="o-grid-row__column--7 c-top-navbar-preview__abstract__main" data-clamp="">
</p><div class="c-top-navbar-preview__abstract__img o-grid-row__column--4 o-grid-row__column-offset--1" style="background-image:url('/dog-eyes.gif')"><img width='100' src="#">
  
</div></div>
<aside class="c-top-navbar-preview__abstract__meta">
</aside></a>

              </div>
            </div>
            <i class="c-swiper-btn--next-page js-swiper-next-page-btn swiper-button-disabled" data-target="mindstore"></i>
          </div>
        </li>
           
  
      </ul>
    <!-- MENU结束 -->

     <!-- 分类开始 -->

    <li class="c-top-navbar-item--animated c-top-navbar__item js-top-navbar-item" data-target="headline" data-post-type="post">
          <a href="{{ url('/') }}" class="u-block c-top-navbar-item--animated__item--translate c-top-navbar-item-link--with-triangle--sm
           c-top-navbar-link--bold">头条</a>
          <div class="c-top-navbar-item--animated__item--opacity c-top-navbar-preview">
            <i class="c-swiper-btn--prev-page js-swiper-prev-page-btn swiper-button-disabled" data-target="headline"></i>
            <div class="c-top-navbar-preview__inner-container swiper-container js-swiper-container swiper-container-horizontal" data-target="headline" data-swiper-name="headline" data-slides-per-page="4" data-space-between="60">
              <div class="swiper-wrapper js-preview-list" data-target="headline">  


            <!-- 遍历分类下文章 -->
           @foreach($data as $goods)         
              
              <a class="swiper-slide c-top-navbar-link-container swiper-slide-active" href="#" style="width: 323.75px;">
                <h1 class="c-top-navbar-preview__abstract__title" data-clamp="" data-clamped=""> 
                    {{ $goods -> title }}
                </h1>
                <div class="c-top-navbar-preview__abstract__main-container o-grid-row">
                  <p class="o-grid-row__column--7 c-top-navbar-preview__abstract__main" data-clamp="" data-clamped="">{{ $goods -> abstract }}</p>
                    <div class="c-top-navbar-preview__abstract__img o-grid-row__column--4 o-grid-row__column-offset--1" style='background-image:url("{{  url('/uploads/') }}/{{ $goods -> img_head }}")'>
                      
                    </div>
                </div>
                <aside class="c-top-navbar-preview__abstract__meta">观点 | 李 赓 | {{ $goods ->time }}</aside>
                </a>                
            @endforeach


                 </div>
            </div>
            
          </div>
        </li>
        
        
      

  @foreach($allData as $cate)
  @if($cate -> nav_position == 1)
     <li class="c-top-navbar-item--animated c-top-navbar__item js-top-navbar-item" data-target="headline" data-post-type="post">
          <a href="{{ url('/catelist') }}/{{ $cate -> id }}" class="u-block c-top-navbar-item--animated__item--translate c-top-navbar-item-link--with-triangle--sm
           c-top-navbar-link--bold">{{ $cate -> name }}</a>
          <div class="c-top-navbar-item--animated__item--opacity c-top-navbar-preview">
            <i class="c-swiper-btn--prev-page js-swiper-prev-page-btn swiper-button-disabled" data-target="headline"></i>
            <div class="c-top-navbar-preview__inner-container swiper-container js-swiper-container swiper-container-horizontal" data-target="headline" data-swiper-name="headline" data-slides-per-page="4" data-space-between="60">
              <div class="swiper-wrapper js-preview-list" data-target="headline">  


            <!-- 遍历分类下文章 -->
           @foreach($data as $goods)
          @if($goods -> cate_id == $cate -> id)
              
              <a class="swiper-slide c-top-navbar-link-container swiper-slide-active" href="#" style="width: 323.75px;">
                <h1 class="c-top-navbar-preview__abstract__title" data-clamp="" data-clamped=""> 
                    {{ $goods -> title }}
                </h1>
                <div class="c-top-navbar-preview__abstract__main-container o-grid-row">
                  <p class="o-grid-row__column--7 c-top-navbar-preview__abstract__main" data-clamp="" data-clamped="">{{ $goods -> abstract }}</p>
                    <div class="c-top-navbar-preview__abstract__img o-grid-row__column--4 o-grid-row__column-offset--1" style='background-image:url("{{  url('/uploads/') }}/{{ $goods -> img_head }}")'>
                      
                    </div>
                </div>
                <aside class="c-top-navbar-preview__abstract__meta">观点 | 李 赓 | {{ $goods ->time }}</aside>
                </a> 
                @endif
            @endforeach


                 </div>
            </div>
            
          </div>
        </li>
        @endif
        @endforeach
      <!-- 分类结束 -->
        

  

      <ul class="c-global-navbar__user c-user-bar is-unauthenticated" data-component="SSOUser">
      
     @if(!session('master'))
        <li class="c-user-bar__item c-user-bar__item--unauthenticated">
          <a class="c-top-navbar-link js-button-login" href="{{ url('/home/login') }}">登录</a></li>
        <li class="c-user-bar__item c-user-bar__item--unauthenticated">
          <a class="c-top-navbar-link js-button-register" href="{{ url('/home/register') }}">注册</a></li>
     @endif
     
 @if(session('master'))
        <li class="c-user-bar__item c-user-bar__item--unauthenticated">
          <a class="c-top-navbar-link js-button-login" href="{{ url('/home/user_set') }}">{{  session('master') -> username }}</a></li>
        <li class="c-user-bar__item c-user-bar__item--unauthenticated">
          <a class="c-top-navbar-link js-button-register" href="{{ url('/home/layout/logout') }}">退出登录</a></li>
 @endif
   


       
      </ul>
      <div class="c-global-navbar__search">
        <!-- <i ga-track="event" ga-action="search" ga-event-category="button" class="c-top-navbar-search-btn js-top-navbar-search-btn"></i> -->
        <div style="height: 529px;" class="c-top-navbar-search-preview js-search-preview js-prevent-scroll is-hidden">
          <div class="c-top-navbar-search-preview__inner">
            <input class="c-top-navbar-search-preview__input js-search-input" placeholder="搜索文章" type="text">
            <p class="c-top-navbar-search-preview__hint js-search-hint is-hidden">共搜索到 <span class="js-search-count">-</span> 篇文章</p>
            <div style="visibility: hidden;" class="c-top-navbar-loading c-top-navbar-preview__loading--fixed-center js-search-loading is-hidden"></div>
            <div data-ps-id="8107ad05-19c9-190d-b5de-ad5cd416a1d7" class="c-top-navbar-search-preview__items js-allow-scroll js-preview-list ps-container ps-theme-default" data-target="search"><div style="left: 0px; bottom: 3px;" class="ps-scrollbar-x-rail"><div style="left: 0px; width: 0px;" tabindex="0" class="ps-scrollbar-x"></div></div><div style="top: 0px; right: 3px;" class="ps-scrollbar-y-rail"><div style="top: 0px; height: 0px;" tabindex="0" class="ps-scrollbar-y"></div></div></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

  <div class="c-featured-slider c-featured-slider--virtual js-fake-slider is-hidden">
      <a class="c-featured-slider__item  c-featured-slider__item--virtual--centered" href="#" style="background-image:url('#')">
              <article class="o-article-header c-featured-slider__content c-featured-slider--virtual__item--patch">
          <div class="o-article-header__author c-featured-slider__author">
            <img class="o-article-header__author__avatar c-featured-slider__avatar" src="" alt="">
            <span class="o-article-header__author__name">莊 偉宏 Odin</span>
            <!-- <span class="o-article-header__author__position">主笔</span> -->
          </div>
          <h1 data-clamped="" class="c-featured-slider__title" data-clamp="">在双镜头年代，你的手机镜头已经不再是镜头</h1>
          <p class="c-featured-slider__desc">为什么手机要用双镜头？关键在于手机照相能力已到了尽头。</p>
        </article>
          </a>
      <a class="c-featured-slider__item  c-featured-slider__item--virtual--right" href="#" style="background-image:url('#')">
              <article class="o-article-header c-featured-slider__content c-featured-slider--virtual__item--patch">
          <div class="o-article-header__author c-featured-slider__author">
            <img class="o-article-header__author__avatar c-featured-slider__avatar" src="" alt="">
            <span class="o-article-header__author__name">刘学文</span>
            <!-- <span class="o-article-header__author__position">爱范儿副主编</span> -->
          </div>
          <h1 data-clamped="" class="c-featured-slider__title" data-clamp="">腾讯微信自己造了个 App Store，自此它的目标是苹果和 Google</h1>
          <p class="c-featured-slider__desc">开发门槛从未如此之低，技术大牛们可能会对小程序的技术嗤之以鼻，但是三个月编程速成班的毕业生此刻正在心花怒放，是的，中专生开发者的春天可能到了。</p>
        </article>
          </a>
      <a class="c-featured-slider__item  c-featured-slider__item--virtual--left" href="#" style="background-image:url('#')">
              <article class="o-article-header c-featured-slider__content c-featured-slider--virtual__item--patch">
          <div class="o-article-header__author c-featured-slider__author">
            <img class="o-article-header__author__avatar c-featured-slider__avatar" src="" alt="">
            <span class="o-article-header__author__name">李 赓</span>
            <!-- <span class="o-article-header__author__position">高级编辑</span> -->
          </div>
          <h1 data-clamped="" class="c-featured-slider__title" data-clamp="">为什么微软能让 F1 赛车跑得更快更稳？</h1>
          <p class="c-featured-slider__desc">究竟微软能否在 Dynamics 复现类似当年在 Office 上的辉煌成就？从现在的情况来看，结局仍未可知。但在愈演愈烈的 SaaS 市场东风下，微软已经挥出了自己的拳头。</p>
        </article>
          </a>
  </div>



      @yield('content')
 

  <div class="u-clearfix"></div>
<div class="c-footer" id="footer">
  <div class="o-wrapper">
    <img class="c-footer__logo" src="{{ url('/hom/index/imgs/ifanrlogo.png') }}">
  
    <div class="u-clearfix"></div>
    <!-- <div class="c-footer__navigation">
      <h5>关于我们</h5>
      <a href="#">关于我们</a>
      <a href="#">加入我们</a>
      <a href="#">商务合作</a>
      <a href="#">社区规则</a>
    </div>
    <div class="c-footer__navigation">
      <h5>旗下品牌</h5>
      <a href="#">AppSolution</a>
      <a href="#">玩物志</a>
      <a href="#">MindStore</a>
      <a href="#">数读</a>
      <a href="#">Socialbase</a>
    </div> -->
    <div class="c-footer__sponsors">
    @foreach($linkData as $linkData)
      <a href="{{ $linkData -> url }}" target="_blank"><img class="c-footer__sponsors__rongcloud" src="{{ url('/uploads') }}/{{ $linkData -> img_head }}" alt="{{ $linkData -> name }}"></a>
    @endforeach
    </div>
    <div class="u-clearfix"></div>
    <div class="c-footer__copyright">
      <a class="u-text-right" href="#">粤 ICP 备 10211557 号</a>
      <p>版权所有 © 广州爱范儿科技股份有限公司 2008 - 2016。以商业目的使用爱范儿网站内容需获许可。非商业目的使用授权遵循 <a href="#">CC BY-NC 4.0</a>。</p>
      <p>All content is made available under the CC BY-NC 4.0 for 
non-commercial use. Commercial use of this content is prohibited without
 explicit permission.</p>
    </div>
  </div>
</div>

<div class="c-goto-top" data-component="VisibilityOnScroll" data-visibility-top-bound="1200" data-visibility-bottom-bound="#footer" style="visibility: hidden;">
  <a ga-track="event" ga-action="click" ga-event-category="Bar" ga-event-label="Report" href="#" class="c-goto-top-item c-goto-top-item--contribute c-goto-top-link"></a>
  <div ga-track="event" ga-action="hover" ga-category="Bar" ga-label="QRcode" class="c-goto-top-item c-goto-top-item--qrcodes">
    <div class="c-goto-top__qrcodes__container c-goto-top-qrcodes" data-component="Tab">
      <div class=" o-grid-row" data-component="AwesomeUnderline">
        <div class="o-grid-row__column--4">
          <span class="c-goto-top-qrcodes-header" as-decorated="" data-tab="ifanr" data-default-tab="">爱范儿</span>
        </div>
        <div class="o-grid-row__column--4 c-goto-top-qrcodes__tab">
          <span class="c-goto-top-qrcodes-header" as-decorated="" data-tab="appso">AppSolution</span>
        </div>
        <div class="o-grid-row__column--4 c-goto-top-qrcodes__tab">
          <span class="c-goto-top-qrcodes-header" as-decorated="" data-tab="coolbuy">玩物志</span>
        </div>
        <div style="width: 42px; left: 30px;" class="c-goto-top-qrcodes__line" as-underline=""></div>
      </div>
      <div>
        <div class="c-goto-top-qrcodes-body js-goto-top-qrcode is-active" data-tab-target="ifanr">
          <img src="{{ url('/hom/index/imgs/ifanrqrcode.jpg') }}" alt="Ifanr QR Code" class="c-goto-top-qrcodes-body__image">
          <p class="c-goto-top-qrcodes-body__text">关注爱范儿微信号，连接热爱，关注这个时代最好的产品。</p>
        </div>
        <div class="c-goto-top-qrcodes-body js-goto-top-qrcode is-hidden" data-tab-target="appso">
          <img src="{{ url('/hom/index/imgs/appsoqrcode.jpg') }}" alt="AppSo QR Code" class="c-goto-top-qrcodes-body__image">
          <p class="c-goto-top-qrcodes-body__text">想让你的手机好用到哭？关注这个号就够了。</p>
        </div>
        <div class="c-goto-top-qrcodes-body js-goto-top-qrcode is-hidden" data-tab-target="coolbuy">
          <img src="{{ url('/hom/index/imgs/coolbuyqrcode.jpg') }}" alt="CoolBuy QR Code" class="c-goto-top-qrcodes-body__image">
          <p class="c-goto-top-qrcodes-body__text">关注玩物志微信号，就是让你乱花钱。</p>
        </div>
      </div>
    </div>
  </div>
  <div class="c-goto-top-item c-goto-top-item--go" data-component="GotoTop"></div>
</div>




<!-- <script type="text/javascript" src="{{ url('/hom/index/js/desktop.js') }}"></script> -->
<div style="display: none;" id="lightboxOverlay" class="lightboxOverlay"></div>
<div style="display: none;" id="lightbox" class="lightbox"><div class="lb-outerContainer">
<div class="lb-container">
  <img class="lb-image" src="">
  <div class="lb-nav">
  <a class="lb-prev" href=""></a>
  <a class="lb-next" href=""></a>
  </div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>
<!-- <script type="text/javascript" src="{{ url('/hom/index/js/wp-embed.js') }}"></script> -->
  
  



</body></html>
